<div id="headerimg">
    <div id="headerwrap">
        <h1><span><i class="fa fa-book"></i>&nbsp;Knowledge</span></h1>
        <h2><span>Free Knowledge Base System</span></h2>
        <br/>
        <a id="showlist" class="btn btn-lg get-start" role="button"
            href="open.knowledge/list">
            Get Started!
        </a>
        <br/><br/>
        <br/><br/>
    </div>
</div>

<div class="container">
    <div class="contects" id="about">
        <div class="row">
            <div class="col-sm-12 subtitle">
            About Knowledge
            <div class="description">Knowledge is a free information sharing service of open source</div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-github icon-img"></i>
                </div>
                <div class="about-title">Free</div>
                <div class="about-description">Service is free. This is open source.</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-download icon-img"></i>
                </div>
                <div class="about-title">Easy set up</div>
                <div class="about-description">Easy setup of just put the downloaded file.</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-mobile-phone icon-img"></i>
                </div>
                <div class="about-title">Mobile</div>
                <div class="about-description">It is corresponding to the display of the PC and mobile and tablet.</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-pencil icon-img"></i>
                </div>
                <div class="about-title">Nimble editing</div>
                <div class="about-description">You will edit lightly in Markdown. the registered content, you can specify whether to publish to anyone.</div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-search icon-img"></i>
                </div>
                <div class="about-title">Find</div>
                <div class="about-description">You can find knowledge with full-text search.<br/> also you can also grouping by the tag.</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-bell-o icon-img"></i>
                </div>
                <div class="about-title">Notification</div>
                <div class="about-description">Information of registration, to inform you of events such as the evaluation and comments in the "e-mail" or "desktop notifications".</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-paperclip icon-img"></i>
                </div>
                <div class="about-title">Attach File</div>
                <div class="about-description">It will treat the attachment. Since also extract content that is written in the <br/> file, you will be able to search in the contents.</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-comments icon-img"></i>
                </div>
                <div class="about-title">Social</div>
                <div class="about-description">Comments of the exchange, it will activate the communication in such registration of evaluation.</div>
            </div>
        </div>
    
        <div class="row">
            <div class="col-sm-12 subtitle">
            <div class="description">
            <a href="https://support-project.org/knowledge_info/index">-> More Information</a>
            </div>
            </div>
        </div>
    </div>
</div>